<template>
  <div id="FormDialog">
    <PeopleSelect
      ref="peopleSelect"
      :type="'multiple'"
      :isCheck="true"
      :open="peopleOpen"
      @cancel="peopleOpen = false"
      @submit="submitPeople"
    ></PeopleSelect>
    <el-row>
      <el-col :span="24" class="margin_col">
        <div class="always_handerOne1">
          <el-collapse  v-model="activeNames">
            <el-collapse-item name="1">
              <template slot="title">
                <div class="always_title1">
                  <div></div>
                  基本信息
                </div>
              </template>
              <el-form
                :model="formData"
                ref="vForm"
                :rules="rules"
                label-position="center"
                label-width="120px"
                :size="medium"
                style="display: flex; justify-content: flex-start;"
              >
                <el-form-item
                  label="工作任务标准"
                  prop="workStandards"
                  class="required"
                >
                  <el-input
                    v-model="formData.workStandards"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="编码"
                  prop="code"
                >
                  <el-input
                    v-model="formData.code"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                    :disabled="true"
                  ></el-input>
                </el-form-item>
                <el-form-item label="工作频次" prop="workFrequency">
                  <el-select
                    v-model="formData.workFrequency"
                    class="full-width-input"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  >
                    <el-option
                      v-for="(item, index) in SORTOptions"
                      :key="index"
                      :label="item.label"
                      :value="item.value"
                      :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="责任岗位" prop="responsiblePost">
                  <el-input
                    v-model="formData.responsiblePost"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item label="责任人" prop="responsiblePerson" class="required">
                  <el-input
                    v-model="formData.responsiblePerson"
                    @click.native="open"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="标准分"
                  prop="standardScore"
                  class="required"
                >
                  <el-input
                    v-model="formData.standardScore"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item
                >
                <el-form-item label="对应评审项目" prop="reviewProject">
                  <el-input
                    v-model="formData.reviewProject"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                    @focus="consoleHandle"
                  ></el-input>
                </el-form-item>
                <el-form-item label="上级工作任务" prop="parentId" v-show="!superior">
                  <el-select
                    v-model="formData.parentId"
                    class="full-width-input"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  >
                    <el-option
                      v-for="(item, index) in superiorOptions"
                      :key="index"
                      :label="item.label"
                      :value="item.value"
                      :disabled="item.disabled"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-form>
            </el-collapse-item>
            <el-collapse-item name="2">
              <template slot="title">
                <div class="always_title1">
                  <div></div>
                  评审标准
                </div>
              </template>
              <el-form
                :model="formData"
                ref="vForm"
                :rules="rules"
                label-position="center"
                label-width="120px"
                ::size="medium"
                placeholder="请输入内容"
                style="display: flex; justify-content: flex-start;"
              >
                <el-form-item label="数据字典编号" prop="number1" style="width: 30%;">
                  <el-input
                    type="text"
                    :size="medium"
                    clearable
                    placeholder="请输入内容"
                    v-model="formData.number1">
                  </el-input>
                </el-form-item>
                <el-form-item label="得分" prop="securityStandardScore">
                  <el-input
                    v-model="formData.securityStandardScore"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item label="安全生产标准化" prop="standard" style="width: 60%;">
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.standard">
                  </el-input>
                </el-form-item>
                <el-form-item label="" prop="staty" style="width: 30%;">
                </el-form-item>
                <el-form-item label="数据字典编号" prop="number2" style="width: 30%;">
                  <el-input
                    type="text"
                  :size="medium"
                  clearable
                  placeholder="请输入内容"
                  v-model="formData.number2">
                  </el-input>
                </el-form-item>
                <el-form-item
                  label="得分"
                  prop="safetyScore"
                  class="required"
                >
                  <el-input
                    v-model="formData.safetyScore"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item label="安全性评价" prop="safetyEvaluation" style="width: 60%;">
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.safetyEvaluation">
                  </el-input>
                </el-form-item>
                <el-form-item label="" prop="staty" style="width: 30%;">
                </el-form-item>
                <el-form-item label="数据字典编号" prop="number3" style="width: 30%;">
                  <el-input
                    type="text"
                    :size="medium"
                    clearable
                    placeholder="请输入内容"
                    v-model="formData.number3">
                  </el-input>
                </el-form-item>
                <el-form-item label="得分" prop="responsibilitiesScore">
                  <el-input
                    v-model="formData.responsibilitiesScore"
                    type="text"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item label="责任制落实" prop="responsibilities" style="width: 60%;">
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.responsibilities">
                  </el-input>
                </el-form-item>
                <el-form-item label="" prop="staty" style="width: 30%;"/>
                <el-form-item label="数据字典编号" prop="number4" style="width: 30%;">
                  <el-input
                    type="text"
                    :size="medium"
                    clearable
                    placeholder="请输入内容"
                    v-model="formData.number4">
                  </el-input>
                </el-form-item>
                <el-form-item label="得分" prop="systemScore">
                  <el-input
                    v-model="formData.systemScore"
                    type="texy"
                    clearable
                    :size="medium"
                    placeholder="请输入内容"
                  ></el-input>
                </el-form-item>
                <el-form-item label="体系评价" prop="systemEvaluate" style="width: 60%;">
                  <el-input
                    type="textarea"
                    :rows="4"
                    placeholder="请输入内容"
                    v-model="formData.systemEvaluate">
                  </el-input>
                </el-form-item>              </el-form>
              <!-- </el-card> -->
            </el-collapse-item>
            <el-collapse-item name="3">
              <template slot="title">
                <div class="always_title1">
                  <div></div>
                  工作执行记录
                </div>
              </template>
              <el-card class="card-item">
                <el-upload
                  style="position: relative"
                  :action="uploadFileUrl"
                  :before-upload="handleBeforeUpload"
                  :on-error="handleUploadError"
                  :on-exceed="handleExceed"
                  :on-success="handleUploadSuccess"
                  multiple
                  :file-list="fileList"
                  :headers="headers"
                  :show-file-list="false"
                >
                  <div style="font-weight: 700; font-size: 15px;display: block; float: left;">附件信息</div>
                  <div style="position: absolute;top: -5px;right: 0px;">
                    <el-button style="color: #0f8bf9; border-color: #0f8bf9;" plain  icon="el-icon-upload2">文件上传</el-button>
                    <el-button @click.stop="beforeRemoves" style="color: #0f8bf9; border-color: #0f8bf9;width: 97px;" plain  icon="el-icon-delete">删除</el-button>
                  </div>
                </el-upload>
                <el-table :data="tableData" border  @selection-change="handleSelectionChange">
                  <el-table-column type="selection" width="40">
                  </el-table-column>
                  <el-table-column prop="oldFileName" label="工作执行记录">
                    <template slot-scope="{ row }">
                      <el-link :href="row.url" target="_blank">{{row.oldFileName}}</el-link>
                    </template>
                  </el-table-column>
                  <el-table-column prop="fileSize" label="大小"></el-table-column>
                  <el-table-column prop="workTask" label="工作任务"></el-table-column>
                  <el-table-column prop="createBy" label="执行人">
                  </el-table-column>
                  <el-table-column prop="createTime" label="工作执行时间">
                  </el-table-column>
                  <el-table-column prop="size" label="操作">
                    <template slot-scope="{ row }">
                      <el-button @click.stop="beforeRemoves1(row)">删除</el-button>
                      <el-button>预览</el-button>
                    </template>
                  </el-table-column>
                </el-table>
              </el-card>
            </el-collapse-item>
          </el-collapse>
        </div>
      </el-col>
      <el-dialog
        :title="titles"
        :visible.sync="dialogVisible"
        width="60%"
        :before-close="handleClose">
        <com-tree @rowClick="rowClick" @dialogCancel="dialogQx" @dialogTrue="dialogQr" :menuList="menuList"></com-tree>
      </el-dialog>
      <el-col :span="24" class="margin_col">
        <div class="always_handerOne1">
          <custom-buttons
            @back="handleBack"
            @confirm="handleConfirm"
          ></custom-buttons>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import {listDictionary,getDictionary,addDictionary,updateDictionary,delDictionary} from "../../../api/system/review/dictionar";
import {
  listBasis,
} from "../../../api/system/review/basis";
import {delFileInfo, getFilePath} from "../../../api/system/sysFileInfo/fileInfo";
import ComTree from "@/components/ComTree/index.vue";
import {getExecutionRecordByRefId} from "../../../api/system/review/executionRecord";
import CustomButtons from "@/components/CustomButton/CustomButton.vue";
import PeopleSelect from "../../../components/Selection/index.vue";
import { getToken } from '@/utils/auth'
import { delOss } from '@/api/system/oss'
export default {
  components: {
    CustomButtons,
    PeopleSelect,
    ComTree},
  props: {
    // 值
    value: [String, Object, Array],
    // 数量限制
    limit: {
      type: Number,
      default: 5,
    },
    // 大小限制(MB)
    fileSize: {
      type: Number,
      default: 5,
    },
    // 文件类型, 例如['png', 'jpg', 'jpeg']
    fileType: {
      type: Array,
      default: () => ["doc", "xls", "ppt", "txt", "pdf","docx"],
    },
    // 是否显示提示
    isShowTip: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {
      //输入框的大小
      medium:"medium",
      dialogVisible: false,
      uploadFileUrl: process.env.VUE_APP_BASE_API + "/system/fileInfo/upload", // 上传文件服务器地址
      activeNames: ['1', '2', '3'] ,
      fileList: [],
      tableData: [],
      uploadList: [],
      selectedRows:[],
      number:0,
      formData: {
        workExecutionRecord: []
      },
      headers: {
        Authorization: "Bearer " + getToken(),
      },
      title: "",
      responsibilitys1: '',
      responsibilityCodes : '',
      reviewSetIds : '',
      reviewSetNames : '',
      superior: true,
      rules: {
        ID: [{ required: true, message: "主键id不能为空", trigger: "blur" }],
        // refId: [{ required: true, message: "外键不能为空", trigger: "blur" }],
        REMARK: [{ required: true, message: "备注不能为空", trigger: "blur" }],
        FILE: [
          { required: true, message: "附件信息不能为空", trigger: "blur" },
        ],
      },
      superiorOptions : [],
      menuList : [],
      SORTOptions: [
        {
          label: "日",
          value: "日",
        },
        {
          label: "周",
          value: "周",
        },
        {
          label: "月",
          value: "月",
        },
        {
          label: "季度",
          value: "季度",
        },
        {
          label: "年",
          value: "年",
        },
      ],
      peopleOpen:false,
      peopleOpen1:false,
      FILEFileList: [],
      FILEUploadHeaders: {},
      FILEUploadData: {},
    };
  },
  computed: {},
  watch: {},
  created() {
    if (this.$route.query.vercarl == "1"){
      this.superior = false
    }
    this.getTitle();
    this.handleUpdate();
    this.query();
  },
  mounted() {},
  methods: {
    getTitle() {
      const { ID, title } = this.$route.query;
      this.title = title;
    },
    handleBack() {
      //console.log("Back button clicked!");
      window.history.back();
      // 执行返回逻辑
    },
    open() {
      this.peopleOpen = true;
      // this.querListData();
    },
    open2() {
      this.peopleOpen1 = true;
    },
    rowClick(row) {
      let data = {
        "parentId" : row.id,
      }
      listBasis(data).then((res) =>{
        this.menuList = this.handleTree(res, "id");
      })
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done();
        })
        .catch(_ => {});
    },
    consoleHandle(){
      listBasis().then((res) => {
        this.menuList = this.handleTree(res.rows,"id");
        console.log(this.menuList)
        this.dialogVisible = true;
      });
      // menuList

    },
    dialogQx() {
      this.dialogVisible = false
    },
    dialogQr(val) {
      console.log(val)
      if (val.length >1 ){
        return this.$message.warning('请选择一个项目');
      }
      this.reviewSetIds = '';
      this.reviewSetNames = '';
      this.responsibilitys1 = '';
      this.responsibilityCodes = '';

      this.formData.reviewProjectId = val[0].id;
      this.formData.reviewProject = val[0].reviewProject;
      this.formData.responsibilities = val[0].reviewObjInformation;
      this.formData.number3 = val[0].reviewProject;
      // this.recursiveQuery(val);
      // this.formData.reviewProjectId = this.reviewSetIds.substring(0, this.reviewSetIds.length - 1);
      // this.formData.reviewProject = this.reviewSetNames.substring(0, this.reviewSetNames.length - 1);
      // this.formData.responsibilities = this.responsibilitys1.substring(0, this.responsibilitys1.length);
      // this.formData.number3 = this.responsibilityCodes.substring(0, this.responsibilityCodes.length);
      if (val.length !== 0) this.dialogVisible = false
    },
    recursiveQuery(arr){
      let result = null;
      for(const item of arr){
        if(item.children != null && item.children != undefined){
          if (item.children && item.children.length > 0) {
            for(let s=0;s<item.children.length;s++){
              this.reviewSetIds += item.children[s].id + ","
              this.reviewSetNames += item.children[s].reviewProject + ","
              this.responsibilitys1 += item.children[s].reviewObjInformation
              this.responsibilityCodes += item.children[s].reviewProject
            }
            result = this.recursiveQuery(item.children);
          }else {
            this.reviewSetIds += item.id + ","
            this.reviewSetNames += item.reviewProject + ","
            this.responsibilityCodes += item.reviewProject
            this.responsibilitys1 += item.reviewObjInformation
          }
        }
      }
    },
    submitPeople1(peopleList) {

      if (peopleList.length != 1){
        return this.$message.warning('请选择一个岗位e');
      }
      this.formData.responsiblePost = peopleList[0].label;
      this.peopleOpen1 = false;
    },
    query(){
      listDictionary().then((response) => {
        response.rows.forEach((item) => {
          this.superiorOptions.push({
            "label": item.workStandards,
            "value": item.id
          });
        });
      });
    },
    submitPeople(peopleList) {
      if (peopleList.length != 1){
        return this.$message.warning('请选择一位人员');
      }
      this.formData.responsiblePerson = peopleList[0].userName;
      this.peopleOpen = false;
    },
    //保存
    handleConfirm() {
      this.$refs["vForm"].validate((valid) => {
        if (valid) {
          this.tableData.forEach((item) => {
            this.formData.workExecutionRecord.push({
              id: item.id,
              workTask: item.workTask,
              executor: item.createBy,
              executionTime: item.createTime,
              fileId: item.ID
            });
          });
          // this.buttonLoading = true;
          if (this.formData.id !== undefined) {
            updateDictionary(this.formData)
              .then((response) => {
                this.$modal.msgSuccess("修改成功");
              })
              .finally(() => {
                this.$router.push("/review/basicdata/dataDictionary");
                // this.buttonLoading = false
                this.$refs.formData.resetFields(); // 重置表单数据
                this.reset();
              });
          } else {
            // this.formData.refId = this.$route.query.id;
            // this.formData.level = parseInt(this.$route.query.level) +1;
            this.formData.createCode =this.$store.state.user.name;
            addDictionary(this.formData)
              .then((response) => {
                this.$modal.msgSuccess("新增成功");
              })
              .finally(() => {
                // this.buttonLoading = false;
                this.$refs.vForm.resetFields(); // 重置表单数据
                this.$router.push("/review/basicdata/dataDictionary");
                this.reset();
              });
          }
        }
      });
    },
    querListData(){
      listBasis(this.queryParams).then((response) => {
        this.menuList = this.handleTree(response.rows, "id");
        console.log("数据处理");
        console.log(this.menuList);
        // this.mangerList = response.rows;
        // this.total = response.total;
        // this.loading = false;
      });
    },
    reset() {
      this.formData = {
        id: undefined,
        refId: undefined,
        workStandards: undefined,
        code: undefined,
        standard: undefined,
        number1: undefined,
        safetyEvaluation: undefined,
        number2: undefined,
        responsibilities: undefined,
        number3: undefined,
        systemEvaluate: undefined,
        number4: undefined,
        workFrequency: undefined,
        responsibleDep: undefined,
        responsiblePost: undefined,
        responsiblePerson: undefined,
        standardScore: undefined,
        createCode: undefined,
        softwareExecution: undefined,
        isSoftware: undefined,
        isDelete: undefined,
        softwareExecutionMenu: undefined,
        reviewProject: undefined,
        reviewProjectId: undefined,
        securityStandardScore: undefined,
        responsibilitiesScore: undefined,
        systemScore: undefined,
        level: undefined,
        workExecutionRecord: [],
      };
    },
    submitForm() {},
    handleUpdate() {
      const { ID } = this.$route.query;
      var refId = {
        refId:ID
      }
      this.reset();
      if (this.$route.query.flowId == 1) {
        getDictionary(ID).then((response) => {
          if (response.data.parentId  != "0"){
            this.superior = false
          }
          this.loading = false;
          this.formData = response.data;

          getFilePath(ID).then((res) => {
            this.formData.workExecutionRecord = [];
            console.log(res)
            res.data.forEach((item) => {
              this.tableData.push({
                workTask: this.formData.workStandards,
                businessKey: item.businessKey,
                createBy: item.createBy,
                createTime: item.createTime,
                ext: item.ext,
                fileName: item.fileName,
                fileSize: Math.floor(item.fileSize/1024) +"KB",
                fileUrl: item.fileUrl,
                oldFileName: item.oldFileName,
                updateBy: item.updateBy,
                updateTime: item.updateTime,
                id: item.id
              })
            })
            console.log(this.tableData)
          })

        });
      }
    },
    resetForm() {
      this.$refs["vForm"].resetFields();
    },

    //文件上传
    handleBeforeUpload(file) {
      // 校检文件类型
      if (this.fileType) {
        const fileName = file.name.split('.');
        const fileExt = fileName[fileName.length - 1];
        const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
        if (!isTypeOk) {
          this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
          return false;
        }
      }
      // 校检文件大小
      if (this.fileSize) {
        const isLt = file.size / 1024 / 1024 < this.fileSize;
        if (!isLt) {
          this.$modal.msgError(`上传文件大小不能超过 ${this.fileSize} MB!`);
          return false;
        }
      }
      this.$modal.loading("正在上传文件，请稍候...");
      this.number++;
      return true;
    },
    beforeRemove(file, fileList) {
      return this.$confirm(`确定移除 ${file.name}？`);
    },
    handleExceed(files, fileList) {
      this.$message.warning(`只能上传不超过 ${this.limit}个文件`);
    },
    // 上传失败
    handleUploadError(err) {
      this.$modal.msgError("上传文件失败，请重试");
      this.$modal.closeLoading();
    },

    // 上传成功回调
    handleUploadSuccess(res, file) {
      let fileSize = Math.floor(res.data.fileSize / 1024);
      if (res.code === 200) {
        console.log(this.formData)
        console.log(this.formData.workStandards)
        this.tableData.push({
          fileName: res.data.fileName,
          fileSize: fileSize + "KB",
          fileUrl: res.data.fileUrl,
          id: res.data.id,
          businessKey: '',
          updateBy: res.data.updateBy,
          updateTime: res.data.updateTime,
          createBy: res.data.createBy,
          createTime: res.data.createTime,
          oldFileName: res.data.oldFileName,
          workTask: this.formData.workStandards
        });
        this.uploadList.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
        this.uploadedSuccessfully();
      } else {
        this.number--;
        this.$modal.closeLoading();
        this.$modal.msgError(res.msg);
        this.$refs.fileUpload.handleRemove(file);
        this.uploadedSuccessfully();
      }
    },

    handleRemove(file, fileList) {
      if (file.id != undefined){
        delFileInfo(file.id)
      }
      // 文件删除时，同时从表格数据中删除对应的文件信息
      this.fileList = fileList;
      this.tableData = this.tableData.filter((item) => item.name !== file.name);
    },
    // 上传结束处理
    uploadedSuccessfully() {
      debugger
      if (this.number > 0 && this.uploadList.length === this.number) {
        this.fileList = this.fileList.concat(this.uploadList);
        this.uploadList = [];
        this.number = 0;
        this.$emit("input", this.listToString(this.fileList));
        this.$modal.closeLoading();
      }
    },
    // 对象转成指定字符串分隔
    listToString(list, separator) {
      let strs = "";
      separator = separator || ",";
      for (let i in list) {
        strs += list[i].ossId + separator;
      }
      return strs != "" ? strs.substr(0, strs.length - 1) : "";
    },
    beforeRemoves1(row) {
      this.$confirm(`确定移除 ${row.oldFileName}？`).then(()=>{
        const index = this.tableData.indexOf(row);
        if (index !== -1) {
          this.fileList.splice(index, 1);
        }
        this.handleRemove(row, this.fileList);
      }).catch(()=>{

      })
    },
    beforeRemoves(row) {
      if (this.selectedRows.length ==0){
        return this.$message.warning('请选择数据后在进行删除');
      }
      let fileName = '';
      let Id ='';
      for (let i = 0; i < this.selectedRows.length; i++) {
        fileName += this.selectedRows[i].oldFileName+",";
        Id += this.selectedRows[i].id+",";
      }
      fileName = fileName.slice(0,-1);
      Id = Id.slice(0,-1);
      console.log(fileName);
      this.$confirm(`确定移除 ${fileName}？`).then(()=>{
        const index = this.tableData.indexOf(row);
        if (index !== -1) {
          this.fileList.splice(index, 1);
        }(Id)
        this.h
        delFileInfoandleRemove(row, this.fileList);
      }).catch(()=>{

      })
    },
    handleSelectionChange(val) {
      this.selectedRows = val;
    },
    deleteSelectedRows(event) {
      event.stopPropagation();
      this.$confirm(`确定移除 ？`).then(()=>{
        this.selectedRows.forEach(row => {
          const index = this.tableData.indexOf(row);
          if (index !== -1) {
            this.tableData.splice(index, 1);
            this.fileList.splice(index, 1);
          }
        });
        this.selectedRows = [];
      }).catch(()=>{

      })
    },
  },
};

</script>

<style lang="scss" scoped>
.el_col {
  display: flex;
  justify-content: space-evenly;
  align-content: center;
}
.card-container {
  height: 80%; /* 设置容器的高度为 100% */
  display: flex;
  flex-direction: column;
}
.card-item {
  flex: 1; /* 平分容器的宽度 */
}
#FormDialog {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.dialog-footer1 {
  width: 100%;
  height: 6vh;
  background: #ffffff;
  text-align: center;
  line-height: 6vh;
}
.el-card {
  margin-top: 10px;
}
.el-select {
  width: 100%;
}
.el-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.el-form-item {
  width: 30%;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.el-form-item {
  margin-bottom: 11px;
}
.el-table {
  min-height: 50% !important;
}
.always_handerOne {
  height: 80px;
  background-color: #ffffff;
  // border-radius: 14px;
}
.always_handerOne1 {
  height: auto;
  background-color: #ffffff;
  // border-radius: 14px;
  padding: 20px;
}
.always_title {
  font-size: 20px;
  font-weight: bold;
  line-height: 53px;
  margin-left: 30px;
}
.always_title1 {
  font-size: 18px;
  font-weight: bold;
  // line-height: 53px;
  margin-left: 15px;
  position: relative;
}
.always_title1 ::before {
  content: "|";
  flex-shrink: 0;
  width: 4px;
  height: 6%;
  margin-left: 12px;
  // background: #f90;
  color: #f90;
  position: absolute;
  left: -22px;
  margin-bottom: 12px;
}
.always_hander {
  background: url(../../../assets/images/header0.png);
  height: 20px;
  width: 100%;
}
// .margin_col {
//   margin-bottom: 20px;
// }
.el_formContent  .el-form-item{
  width: 50%;
}
.widel1{
  padding-right: 100px !important;
  width: 90%;
}
</style>
